<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>系统管理-通知管理</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/list.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/btn.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/table.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/taqs.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/tabs.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/step.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/panel.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/form.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/formValidator/style/validator.css"/>

</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->

<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->

    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>系统管理 > 通知管理</h2>
                </div>
                <div class="t-tabs">
                    <!--供应商管理选项卡-->
                    <ul id="myTabs1" class="t-tabs-items hide">
                        <li class="active" id="list1" onclick="selectTab(1)"><a href="#tab1" data-toggle="tab" >设备故障通知</a></li>
                        <li id="list2"  onclick="selectTab(2)"><a href="#tab2" data-toggle="tab">安防告警通知</a></li>
                    </ul>

                    <!--告警流程-->

                    <div class="set-padding t-step" style="display:none;">
                        <h2>告警流程</h2>
                        <div class="modal-step-3">
                            <ol class="t-stepbar" style="width: 560px;">
                                <li class="step-first">
                                    <div class="step-done">
                                        <div class="step-num">1</div>
                                        <div class="step-name">推送消息</div>
                                        <label class="step-message">
                                            生成告警记录<br>
                                            记录状态：未处理
                                        </label>
                                    </div>
                                </li>
                                <li>
                                    <div class="step-done">
                                        <div class="step-num">2</div>
                                        <div class="step-name">确认收到告警信息</div>
                                        <label class="step-message">
                                            记录状态：处理中
                                        </label>
                                    </div>
                                </li>
                                <li class="step-last">
                                    <div>
                                        <div class="step-num"><i class="icon-checkmark"></i></div>
                                        <div class="step-name"></div>
                                        <label class="step-message">

                                        </label>
                                    </div>
                                </li>
                            </ol>
                        </div>
                    </div>

                    <!--配置列表-->

                    <div class="t-list-search t-columns-4">
                        <form id="frmSearch"   onsubmit="return false">
                            <ul class="t-columns-group">
                                <li>
                                    <label>关键字</label>
                                    <div><input id="faultName" placeholder="故障类型" name="faultName"/></div>
                                </li>
                                <!-- 时间组 -->
                                <li>
                                    <label>&nbsp;</label>
                                    <div>
                                        <a class="t-btn">
                                            <i class="icon-search"></i>
                                            查询
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </form>
                    </div>

                    <div class="t-list-btns">
                        <p>请求记录</p>
                        <span id="deviceFaultTotal"></span>
                        <div>
                            <a class="t-btn t-btn-blue" id="btnAddAlertLevel">新增</a>
                        </div>
                    </div>

                    <div class="t-list-result clearfix">
                        <!-- 表格 -->
                        <table class="t-table" id="deviceFault"></table>
                        <!-- 分页 -->
                        <div class="pagination" id="deviceFaultPagination"></div>
                    </div>

                    <div class="t-tabs">
                        <!--智能调度选项卡-->
                        <ul id="myTabs" class="t-tabs-items"></ul>
                        <div id="myTabContent" class="tab-content">
                            <div class="tab-pane fade in active" id="tab1">
                                <div class="padding-10">
                                    <div class="t-panel">
                                        <div class="t-columns-1">
                                            <ul class="t-columns-group">
                                                <li>
                                                    <label>选择告警等级</label>
                                                    <div>
                                                        <select id="alertLevel" name="alertLevel" style="width: 400px;">
                                                            <option value="0">低</option>
                                                            <option value="1">中</option>
                                                            <option value="2">高</option>
                                                            <option value="3">紧急</option>
                                                        </select>

                                                    </div>
                                                </li>
                                                <div style="display: block;">
                                                    <li>
                                                        <label>短信</label>
                                                        <div id="infoStyle">

                                                        </div>
                                                    </li>
                                                    <li>
                                                        <label>APP消息</label>
                                                        <div id="appStyle">

                                                        </div>
                                                    </li>

                                                </div>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<!--版权-->
<div id="copyright"> </div>

<!--添加角色-->
<div class="modal fade bs-example-modal-lg" id="modalAddUserRole" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">新增角色</h4>
            </div>
            <form id="frmRoleMain">
                <div class="modal-body">
                    <div class="">
                        <div class ="t-list">
                            <!--基础信息-->
                            <div class=" person-setting">
                                <div class="txt-aln-l" id="roleAddCategory">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden"  id="pushStyleS">
                    <input type="hidden" id="hiddend" value=""/>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary"  data-dismiss="modal" id="btn_saveUser" onclick="addStaffRoleWarning()">保存</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="modalAlertLevel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                <h4 class="modal-title" >新增设备故障通知</h4>

            </div>
            <div class="modal-body">
                <form id="frmAlert">
                    <div class="t-columns-1">
                        <!-- 检索字段 -->
                        <ul class="t-columns-group">
                            <li>
                                <label>设备类别</label>
                                <div>
                                    <select id="deviceTypeFirst">
                                    </select>
                                </div>
                            </li>
                            <li class="verify">
                                <label></label>
                                <div class="tipArea"><div id="deviceTypeFirstTip"></div></div>
                            </li>
                            <li>
                                <label>设备名称</label>
                                <div>
                                    <select id="deviceSecond" name="deviceId" >

                                    </select>
                                </div>
                            </li>
                            <li class="verify">
                                <label></label>
                                <div class="tipArea"><div id="deviceSecondTip"></div></div>
                            </li>
                            <li>
                                <label>告警级别</label>
                                <div>
                                    <select id="alarmLevel" name="alarmLevel">
                                        <option value="">请选择</option>
                                        <option value="0">低</option>
                                        <option value="1">中</option>
                                        <option value="2">高</option>
                                        <option value="3">紧急</option>
                                    </select>
                                </div>
                            </li>
                            <li class="verify">
                                <label></label>
                                <div class="tipArea"><div id="alarmLevelTip"></div></div>
                            </li>
                            <li>
                                <label>故障类型</label>
                                <div>
                                    <select id="faultType" name="faultTypeId">
                                    </select>
                                </div>
                            </li>
                            <li class="verify">
                                <label></label>
                                <div class="tipArea"><div id="faultTypeTip"></div></div>
                            </li>

                            <!-- 时间组 -->
                        </ul>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="saveDeviceFault()">保存</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalMaintenanceNew" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >新增</h4>
            </div>
            <div class="modal-body">
                <form id="frmMain">
                    <div class="t-columns-1">
                        <!-- 检索字段 -->
                        <ul class="t-columns-group">
                            <li>
                                <label><span class="t-tip-verification">*</span>类别</label>
                                <div>
                                    <select id="addWaringType">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </li>
                            <li>
                                <label><span class="t-tip-verification">*</span>告警级别</label>
                                <div>
                                    <div class="t-stars" >
                                        <select type="text" id="addLevel">
                                            <option value="">请选择</option>
                                            <option value="0">低</option>
                                            <option value="1">中</option>
                                            <option value="2">高</option>
                                            <option value="3">紧急</option>
                                        </select>

                                    </div>
                                </div>
                            </li>
                            <li>
                                <label><span class="t-tip-verification">*</span>栋</label>
                                <div>
                                    <select id="buildingNo" onchange="selectbuildChild();">
                                        <option value="">请选择</option>
                                    </select>

                                </div>
                            </li>
                            <li>
                                <label><span class="t-tip-verification">*</span>层</label>
                                <div>
                                    <select id="buildingChild"></select>
                                </div>
                            </li>
                            <li class="width-all">
                                <label><span class="t-tip-verification">*</span>详细描述</label>
                                <div>
                                    <textarea id="addDetailDesc"></textarea>
                                </div>
                            </li>
                            <li class="verify-width-all">
                                <label></label>
                                <div><div id="addDetailDescTip"></div></div>
                            </li>
                            <li class="width-all">
                                <label>具体位置</label>
                                <div>
                                    <textarea id="addDetailPostion"></textarea>
                                </div>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="saveWarningEvent()">保存</button>
            </div>
        </div>
    </div>
</div>

<!--详情-->
<div class="modal fade" id="modalMaintenanceDetails" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                <h4 class="modal-title" >详情</h4>

            </div>
            <div class="modal-body">
                <form id="frMainAdd">
                    <div class="t-columns-1">
                        <!-- 检索字段 -->
                        <ul class="t-columns-group">
                            <li>
                                <label>类别</label>
                                <div id="deviceType" name="">
                                    <!--
                                        空调
                                        -->
                                </div>
                            </li>
                            <li>
                                <label>状态</label>
                                <div><a class="t-tag-del" id="deviceState">


                                </a></div>
                            </li>
                            <li class="width-all">
                                <label>位置</label>
                                <div id="devicePostion"></div>
                            </li>
                            <li class="width-all">
                                <label>故障描述</label>
                                <div id="warningDescribe">

                                </div>
                            </li>
                            <li>
                                <label>处理人员</label>
                                <div id="handle"></div>
                            </li>
                            <!--
                            <li>
                                <label>联系方式</label>
                                <div>
                                  廖智：4001871500<span>(联系维保公司)
                                </span></div>
                            </li>
                    -->
                            <li>
                                <label>开始处理时间</label>
                                <div id="handleTime">
                                    <!--2016-04-29 14：05-->
                                </div>
                            </li>
                            <!-- 时间组 -->

                        </ul>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
<script charset="utf-8" src="../../../assets/common/loadHeaderAndCopyright.js"></script>
<script charset="utf-8" src="../../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.js"></script>
<!--分页脚本-->
<script charset="utf-8" src="../../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script charset="utf-8" src="../../../assets/common/loaderTable.js"></script>
<script charset="utf-8" src="../../../assets/common/ajaxPoster.js"></script>
<script charset="utf-8" src="../../../assets/common/centerModal.js"></script>

<script charset="utf-8" src="../../../assets/lib/tipModal/js/tipModal.js"></script>
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidator.js"></script>
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidatorRegex.js"></script>
<!--维修配置脚本-->

<script charset="utf-8" src="../../../js/systemManagement/NotificationManagement/maintenanceConfig.js"></script>
<script charset="utf-8" src="../../../js/systemManagement/NotificationManagement/schedulingModal.js"></script>
</body>
</html>